@charset "utf-8";
/* CSS Document */


.back_tp{position: fixed;right: 15px;bottom:30px;z-index: 9999;display:block;width: 44px;height: 40px;overflow: hidden;background: rgba(0,0,0,.5);}
.back_tp i{background: url(../images/slidebar_icon.png) center -76px no-repeat;display:block;width:33px;height: 27px;margin: 7px auto 6px;}
.back_tp p{display:block;line-height:17px;text-align: center;color: #fff;font-size: 12px;}




.footer{width: 100%;background:#0a1d3d;}


.link_rt{background:#0a1d3d;}
.link_rt ul{max-width:1600px;padding:15px 15px;margin:0px auto;line-height:25px;border-bottom:1px solid rgba(255,255,255,.1);}
.link_rt span{color: #fff;font-size: 18px;display:inline-block;margin-right:18px;}
.link_rt em{color: #848e9f;font-size: 15px;display:inline-block;}
.link_rt em a{color: #848e9f;margin-right:15px;display:inline-block;}
.link_rt em a:hover{color:#fff !important;}


.footer_b{text-align:center;font-size:14px;padding:20px 15px;border-top:1px solid rgba(255,255,255,.1);color: #848e9f;max-width:1600px;margin:0px auto;}
.footer_b a{color: #848e9f;}

.foo_ster{max-width: 1600px;margin:0px auto;padding: 40px 15px 50px;}
.foo_ster ul li{float:left;}
.foo_ster ul li:nth-child(1){width: 15%;}
.foo_ster ul li:nth-child(2){width: 33%;}
.foo_ster ul li:nth-child(3){width: 32%;}
.foo_ster ul li:nth-child(4){width: 20%;float: right;}

.o_st_et1{padding: 20px 0px 0 0;min-height:210px;}
.foo_ster ul li span.es_mc1{display:block;margin-bottom: 15px;font-size: 18px;line-height:30px;color: #fff;}
.nes_mcdf{display:block;overflow: hidden;width: 100%;}
.nes_mcdf a{display:block;line-height: 40px;color: #848e9f;font-size: 15px;height: 39px;overflow:hidden;background: url(../images/wd_cdf.png) left center no-repeat;padding-left: 18px;width: 35%;float: left;margin-right: 5%;}
.nes_mcdf a:hover{color:#fff;}

.cxt_m1{display:block;margin: 28px 0px 10px;width: 130px;height: 130px;border: 2px solid #fff;}
.cxt_m1 img{width: 130px;height: 130px;}
.cxt_m2{display:block;line-height:25px;color: #fff;font-size: 14px;text-align:center;}

.s_me_cgr1{display:block;color: #848e9f;font-size: 15px;line-height: 30px;}
.s_me_cgr1 i{font-style:normal;color:#0092FF}


.s_mert1{background:url(../images/ico_n8.png) left center no-repeat;padding-left: 49px;background-size: 37px 37px;margin-bottom: 12px;}
.s_mert1 span{display:block;color: #fff;font-size: 15px;line-height:20px;}
.s_mert1 em{display:block;color: #fff;font-size: 22px;line-height:30px;}


.btn_wave_circle{background-color:#008bf2;border-radius:1000px;position:absolute;left:0;top:0;width:0;height:0;margin-left:0;margin-top:0;pointer-events:none;z-index: -1;}

.explode-circle{animation:explode .5s forwards}
.desplode-circle{animation:desplode .5s forwards}
@keyframes explode{0%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(0,0,0,.1)}100%{width:300%;padding: 150% 0;margin-left:-150%;margin-top:-150%;background-color:#008bf2}}
@keyframes desplode{0%{width:300%;padding: 150% 0;margin-left:-150%;margin-top:-150%;background-color:#008bf2}100%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(0,0,0,.1)}}




@media (max-width:1280px) {
.foo_ster ul li:nth-child(1){width:50%;}
.foo_ster ul li:nth-child(2){width: 50%;}
.foo_ster ul li:nth-child(3){width: 50%;}
.foo_ster ul li:nth-child(4){width: 50%;}
}

@media (max-width:640px) {
.foo_ster ul li:nth-child(1){display:none;}
.foo_ster ul li:nth-child(4){float:left;width:100%;}
}

@media (max-width:500px) {
.foo_ster ul li:nth-child(2){width:100%;}
.foo_ster ul li:nth-child(3){width:100%;}

}